<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/header.jsp" %>

<header>
    <div class="container">
        <div class="row top-header">
            <div class="col-sm-3 text-left">
                <a href="#" class="logo">
                    <img align="center" style="margin-top: 5px;margin-left: 35px;" src="${images}/monkey.png" width="80"
                         height="60" alt="logo">
                </a>
            </div>
            <div class="col-sm-9">
                <ul class="top-link pull-right">
                    <li class="hidden-xs"><a href="/front/purchase/alls">我的订单</a></li>
                    <li class="hidden-xs"><a href="/front/mybuycar/buycarlist">结 算</a></li>
                    <li class="dropdown hidden-xs">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="dropdownMenu1"
                           aria-haspopup="true" aria-expanded="false">
                            <c:if test="${customer.username!=null}">我的账户</c:if>
                            <c:if test="${customer.username==null}">请登录</c:if>
                            <span class="caret"></span></a>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <c:if test="${customer.username!=null}">
                                <li><a href="/front/mybuycar/buycarlist">个人中心</a></li>
                                <li><a href="/front/frontlogout">退出</a></li>
                            </c:if>
                            <c:if test="${customer.username==null}">
                                <li><a href="/front/frontlogin">登录</a></li>
                            </c:if>
                            <li><a href="/front/register/showregister">新用户注册</a></li>
                        </ul>
                    </li>
                    <li class="pull-right">
                        <div class="cart dropdown">
                            <a href="/front/mybuycar/buycarlist"
                               class="cart-item dropdown-toggle"
                               id="dropdownMenu2"
                               aria-haspopup="true"
                               aria-expanded="false"
                            >
                                <i class="fa fa-cart-plus"></i>
                            </a>

                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="bg-mn color-inher">
            <div class="row m-0">
                <div class="col-sm-1 col-md-1 col-lg-2 p-0">
                    <div class="dropdown category-bar">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                           aria-expanded="true">
                            <i class="fa fa-bars"></i><span class="f-bold" style="font-size: 18px"> 商 品 分 类 </span>
                        </a>
                        <ul class="dropdown-menu display-none hidden-xs">
                            <li><a href="/front/index/getGoodsByCondiction?croPurgoodsVo.type=-1"><span></span>显示全部</a></li>
                            <c:forEach items="${SysDict['goods_type']}" var="type">
                                <li><a href="/front/index/getGoodsByCondiction?croPurgoodsVo.type=${type.key}"><span></span>${type.value}</a></li>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-6 col-md-6 col-lg-6 p-0">
                    <div class="main-menu">
                        <nav class="navbar navbar-default menu">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed m-r-xs-15" data-toggle="collapse"
                                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav" style="font-size: 18px">
                                    <li><a href="/front/index/showindex">HOME</a></li>
                                    <li><a href="/front/searchurl">代 购</a></li>
                                    <li><a href="/front/mycoupons/showdetail">优惠券</a></li>
                                    <li><a href="/front/helpcenter">帮助中心</a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
                <form method="post" action="/front/index/getGoodsBySerch">
                <div class="col-sm-4 col-md-4 col-lg-4 p-0">
                    <div class="search-box col-sm-11 col-md-11 col-lg-11 m-l-xs-10 m-r-xs-10">
                        <input type="text" class="form-item" placeholder="搜索..." name="search" value="${search}">
                        <button type="submit" class="fa fa-search"></button>
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</header>
